<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>丽子美妆</title>
    <link rel="shortcut icon" href="img/loginImgs/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="lib/font/iconfont.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/footer.css">
    <script src="/lib/requirejs/require.js" data-main="/js/index"></script>
</head>
<body>
    <div class="fixed"></div>


    <div class="top1"></div>

    <header></header>

    <nav></nav>
    <div class="banner">

    </div>


    <div class="index-web">
        <a href=""><img src="img/indexImgs/webintro.png"></a>
    </div>

    <div class="floor">
        <div class="one">
            <i class="iconfont icon-shandian"></i>
            <span>闪购</span>
        </div>
        <div class="two">
            <i class="iconfont icon-sale"></i>
            <span>热门活动</span>
        </div>
        <div class="three">
            <i class="iconfont icon-huo"></i>
            <span>分类推荐</span>
        </div>
    </div>
    <div class="buy60s">
        <div class="wrap">
            <div class="buy60s-header">
                <div class="timedown">
                    距离本轮结束还有<span>
                        <em class="ge"></em>
                        <em class="shi"></em>
                    </span>秒
                </div>
            </div>

            <div class="buy60s-body">
                 <ul class="buys60">
                    <script type="text/html" id="buys-template">
                    {{each list prod}}
                     <li>
                        <a href="/html/detail.html">
                            <div class="buys-pic">
                                <img src="{{prod.img}}" alt="">
                            </div>
                            <p class="title">
                                <i class="tag">热卖</i>
                                <span>{{prod.desc}}</span>
                            </p>
                            <p class="now">{{prod.now}}</p>
                            <p class="old">市场价：¥{{prod.old}}</p>
                            <p class="btn">立即抢购</p>
                            <p class="bg"></p>
                        </a>
                     </li>
                     {{/each}}
                    </script>
                 </ul>
            </div>

            <div class="circle-btn">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </div>

    <div class="hot-activity">
        <div class="wrap">
            <div class="hot-activity-header">
                <h3>热门活动</h3><span>只要你不满意就无条件退货</span>
            </div>
            <div class="activities">
                <a href="">
                    <img src="img/indexImgs/22f8d962ca0a5.jpg">
                </a>
                <a href="">
                    <img src="img/indexImgs/2e573b74127dc.jpg">
                </a>
                <a href="">
                    <img src="img/indexImgs/68ce43ef45fa.jpg" >
                </a>
                <a href="">
                    <img src="img/indexImgs/11eb464df35ee.jpg">
                </a>
                <a href="">
                    <img src="img/indexImgs/22f8d964f8662.jpg" >
                </a>
                <a href="">
                    <img src="img/indexImgs/c3c1546c6ed3.jpg">
                </a>
            </div>
        </div>
    </div>

    <div class="recommend">
        <div class="wrap">
            <div class="recommend-header">
                <h3>分类推荐</h3><span>千万用户信赖的美妆品牌</span>
            </div>
            <div class="recommend-main">
                <div class="recommend-main-header">
                    <ul>
                        <li>化妆水</li>
                        <li>爽肤水</li>
                        <li>紧肤水</li>
                        <li>美容液</li>
                        <li>精华水</li>
                        <li>喷雾</li>
                    </ul>
                </div>


                <div class="prod_list">
                    
                </div>
                

                    <script type="text/html" id="list_template">
                        {{each list prod}}
                        <a href="/html/detail.html">
                            <dl class="recommend-goods">
                                <dt><img src="{{prod.img}}" alt=""></dt>
                                <dd>
                                    <p>{{prod.desc}}</p>
                                    <p>
                                        <span>¥{{prod.price}}</span>
                                        <span>
                                            <em>{{prod.num}}</em>
                                            <i class="iconfont icon-huo1"></i>
                                        </span>
                                    </p>
                                </dd>
                            </dl>
                        </a>
                        {{/each}}
                    </script>
        
                        
            </div>
        </div>
    </div>


    <div class="footer-search">
        <p>更多感兴趣商品马上搜索</p>
        <div class="footer-search-box">
            <input type="text" placeholder="面膜">
            <i class="iconfont icon-sousuo1"></i>
        </div>
        <p>
            <span>热搜榜：</span>
            <a href="">悦诗风吟</a>
            <a href="">面霜</a>
            <a href="">兰芝</a>
            <a href="">面膜</a>
            <a href="">化妆水</a>
            <a href="">唇膏/口红</a>
            <a href="">BB霜</a>
        </p>
    </div>


    <footer></footer>

</body>
</html>